<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://xmlns.jcp.org/jsf/core"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
   xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"
	xmlns:p="http://primefaces.prime.com.tr/ui">


<ui:composition template="Template/TemplateMenu.XHTML">
 <ui:define name="conteudo">

	<h:form>
<h:messages/>
<h1>Cadastro de Usuário</h1>

		<h:panelGrid title="Tabela de Clientes" >
			<h:dataTable id="tabelaCliente" 
			cellpadding="2" cellspacing="0"
			border="1" 
			value="#{clienteBean.todos}" var="clientes">
			<f:facet name="header">
			<h:outputText value="TABELA DE CLIENTES"/>
			</f:facet>
			
			<h:column>
			<f:facet name="header">
			<h:outputText value="ID"/>
			</f:facet>
			#{clientes.idCliente}
			</h:column>
			
			<h:column>
			<f:facet name="header">
			<h:outputText value="NOME"/>
			</f:facet>
			#{clientes.nome}
			</h:column>
			
			<h:column>
			<f:facet name="header">
			<h:outputText value="CPF"/>
			</f:facet>
			#{clientes.cpf}
			</h:column>
			
			<h:column>
			<f:facet name="header">
			<h:outputText value="ENDEREÇO"/>
			</f:facet>
			#{clientes.endereco}
			</h:column>
			
			<h:column>
			<f:facet name="header">
			<h:outputText value="NUMERO"/>
			</f:facet>
			#{clientes.numero}
			</h:column>
			
			<h:column>
			<f:facet name="header">
			<h:outputText value="BAIRRO"/>
			</f:facet>
			#{clientes.bairro}
			</h:column>
			
			<h:column>
			<f:facet name="header">
			<h:outputText value="TELEFONE"/>
			</f:facet>
			#{clientes.telefone}
			</h:column>
			
			<h:column>
			<f:facet name="header">
			<h:outputText value="CELULAR"/>
			</f:facet>
			#{clientes.celular}
			</h:column>
			
			<h:column>
			<f:facet name="header">
			<h:outputText value="EXCLUIR"/>
			</f:facet>
			<h:commandButton action="#{clienteBean.excluir()}" value="X"/>
			</h:column>
			
			</h:dataTable>
		
		</h:panelGrid>
	</h:form>
 </ui:define>

</ui:composition>
</html>

